<template>
    <div class="title-container">
        <div class="title-row">
            {{title}}
        </div>
    </div>
</template>

<script>
export default {
    props: ["title"]
};
</script>

<style lang="scss" scoped>
.title-container {
    height: 43px;
    width: 468px;
    line-height: 43px;
    box-sizing: border-box;
    padding: 0 6px;
}
.title-row {
    text-align: center;
    background: url("../../assets/dp3/title-bg.png") no-repeat;
    background-size: 100% 100%;
    color: #00c6ff;
    font-size: 16px;
}
</style>